import TodoHeader from "./TodoHeader/TodoHeader";
import TodoListCom from "./TodoListCom/TodoListCom";
import './css/todolist.scss'
import { useState } from 'react';
const TodoList = () => {
  const [list, setlist] = useState({
    list:[
      {
        date:'2023/2/8',
        title:'前端工程师',
        num:'1'
      }      
    ]
  })

  // 添加
  let todolist=(msg)=>{
    console.log(msg);//子组件传来的数据
    let arrList = list.list
    arrList.push(msg)//把子组件的内容push到arrList数组中
    setlist({
      list:arrList
    })
  }


  return (<>
    <div className="todolist">
      <div className="todo_list">
        <TodoHeader todolist={todolist} />
        <TodoListCom list={list}/>
      </div>
    </div>
  </>);
}

export default TodoList;